/* 共有 */
body,html{
	height: 100%;
	color: #666;
  font-family: Helvetica-Neue,Luxi Sans,DejaVu Sans,Tahoma,Hiragino Sans GB,STHeiti,Microsoft YaHei;
}

input, select {
	height: 30px;
	font-size: 14px;
	color: #666;
	border: 1px solid #d4d7d9;
	border-radius: 4px;
	text-indent: 2px;
}

input, textarea {
  -webkit-appearance: none;
}

input:focus,select:focus,button:focus {
  outline: 0;
}

/* radio */
.radio-radius{
	margin: 0 4px;
	padding: 0;
	width: 15px !important;
	height: 15px;
	border-radius: 50%;
	/*background-color: #b8b8b8;*/
	vertical-align: sub;
	border-width: 1px;
	box-shadow: 0 0 0 1px #d6dce3;
}

.radio-radius:checked {
  border-width: 4px;
  border-color: white;
  background-color: #008bdd;
  box-shadow: 0 0 0 1px #008bdd;
}

.radio-radius:focus, .radio-radius:focus {
    /* outline: thin dotted #333; */
    outline: none !important;
    }

/* checkbox */
input[type=checkbox] {
  position: relative;
  width: 15px
  height: 15px;
  border: 1px solid #b1b1b1;
  padding: 0;
  vertical-align: middle;
}
input[type=checkbox]:active, input[type=checkbox]:checked {
  box-shadow: 0 1px 2px rgba(0,0,0,.1),inset 0 1px 3px rgba(0,0,0,.5);
}

input[type=checkbox]:active:after, input[type=checkbox]:checked:after {
  content: '\2714';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #d6960b;
  color: #d6960b;
  text-align: center;
  font-size: 10px;
  padding: 0;
  vertical-align: top;
  border-radius: 4px;
}

button{
	border: 1px solid transparent;
	-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* button */
.pa-btn{
	display: inline-block;
	height: 30px;
	background-color: #0b8bd6;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 2;
	padding: 0 14px;
	border-radius: 4px;
	margin: 0 7px;
	cursor: pointer;
}

.pa-btn.pa-btn-longer{
	padding: 0 26px;
}

.pa-btn.reset-btn{
	background-color: #51aadf;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

/* 字体大小 */
.fs-12{
	font-size: 12px;
}

.fs-14{
	font-size: 14px;
}

.fs-16{
	font-size: 16px;
}

.fs-18{
	font-size: 18px;
}

.fs-theme-color{
	color: #0b8bd6;
}

.main-content .pa-form-control.pa-form-control-btn{
	margin-right: 0
}

.main{
	min-height: 100%;
	padding: 57px 20px;
	background-color: #e8eff7;
}

.main-content{
	padding-bottom: 40px;
	background-color: #fff;
}

/* search */
.main-content .query-info{
  margin-bottom: 10px;
  font-size: 0;
}

.main-content .query-info .first-search{
	padding: 16px 22px 12px 22px;
  height: 32px;
}

.high-search{
	display: inline-block;
	margin-left: 9px;
	vertical-align: middle;
	font-size: 14px;
	color: #0b8bd6;
	cursor: pointer;
}

.main-content .query-info .search-combobox-input{
  border-radius: 4px 0 0 4px;
  width: 252px;
	color: #999;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.main-content .query-info .input-group {
  float: left;
}

.main-content .query-info .input-group-btn {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 0px 4px 4px 0;
  font-size: 0;
  white-space: nowrap;
  background: #d4d7d9;
  vertical-align: middle;
  cursor: pointer;
}

.main-content .query-info .icon-search{
	margin-left: 7px;
	font-size: 18px;
	color: #fff;
	line-height: 32px;
}

.pa-operate{
	float: right;
	margin-left: 20px;
	height: 32px;
	line-height: 32px;
  font-size: 14px;
  color: #008bdd;
  cursor: pointer;
}

/* more operate*/
.more-operate{
	color: #666;
}

/* 二级搜索 */
.main-content .second-search{
	padding: 0 22px;
	line-height: 60px;
	border: solid #d4d7d9;
	border-width: 1px 0 1px 0;
	background-color: #f2f2f2;
	font-size: 14px;
}

.main-content .pa-form-control{
	display: inline-block;
}

.main-content .pa-form-control-select{
	padding: 0 6px;
}

.main-content .pa-form-control-select,.main-content .pa-form-control-input{
	margin-right: 30px;
}

/* 可切换table */
.switch-tabs{
	padding: 0 22px 0 18px;
	border-bottom: 1px solid #d4d7d9;
}

.switch-tabs .table-item{
	float: left;
	margin: 0 4px;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: solid #d4d7d9;
	border-width: 1px 1px 0 1px;
	cursor: pointer;
}

.switch-tabs .table-item.active{
	color: #fff;
	background-color: #51aadf;
}

/* table */
.pa-table-container{
	margin: 0 22px;
}

.pa-table{
	padding: 0 22px;
	width: 100%;
  table-layout: fixed;
}

.pa-table thead th,.pa-table tbody td{
	vertical-align: middle;
	text-align: center;
	font-weight: 400;
}

.pa-table thead th{
	height: 52px;
	line-height: 52px;
	font-size: 14px;
}

.pa-table tbody td{
	height: 50px;
	line-height: 50px;
	font-size: 12px;
  border-top: 1px solid #d4d7d9;
	border-bottom: 1px solid #d4d7d9;
}

.pa-table>tbody>tr:hover {
  background-color: #f2f2f2;
}

/* operate list */
.operate-del{
	display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}

.operate-del .edit-color{
	color: #dc2dcd;
}

.operate-del .trash-color{
	color: #e1b24b;
}

.operate-del .detail-color{
	color: #1590d8;
}

.operate-three{
	width: 200px;
}

/* sort */
.sort-operate{
	
}

.time-sequence-btn{
	position: relative;
  display: inline-block;
  width: 15px;
  height: 30px;
  vertical-align: middle;
}

.time-sequence-btn .time-sequence-box{
  display: -webkit-box;
  display: box;
  width: 15px;
  height: 15px;
}

.sort-size{
  position: absolute;
  font-size: 16px;
}

.sort-size.sort-size-big{
	top: 3px;
}

.sort-size.sort-size-small{
	top: 11px;
}

/* 必填 */
b{
	margin-right: 5px;
	font-family: SimSun;
	color: #ea3201;
}

/* width */
.w-20{
	width: 20%;
}

.w-45{
	width: 45%;
}

.w-50{
	width: 50%;
}

.w-55{
	width: 55%;
}

.w-80{
	width: 80%;
}

.w-100{
	width: 100%;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

/*
   以下css为了还原bootstrap的css，待保留，可不用
*/
.pa-form-control input,
.pa-form-control label {
    margin-bottom: 0;
}

 .input-append {
    margin-bottom: 0;
    padding: 0 !important;
    border: 0 !important;
}
